// 按需导入
// 1.引入echarts的核心模块，核心模块提供了echarts使用的必须的接口
import * as echarts from 'echarts/core'

// 2.引入各种图表，柱形图，饼图，折线图，图表的后缀都是以chart结尾
import {
  // 柱形图
  BarChart,
  // 饼图
  PieChart,
  // 折线图
  LineChart
} from 'echarts/charts'

// 3.引入提示框，标题，直角坐标系 组件的后缀就是Component
import {
  // 标题组件
  TitleComponent,
  // 提示框组件
  TooltipComponent,
  // 直角坐标系组件
  GridComponent,
  // 图例组件
  LegendComponent
} from 'echarts/components'

// 4.导入一个渲染器 Canvas Svg，echarts实现按需导入的时候不提供任何的渲染器的
/* 
1.数据量不大，>1K 数据量大，Canvas Svg都可以使用
2.数据量大，交互较多的时候，建议大家选择Canvas
3.低端的手机（安卓），SVG
*/

import { CanvasRenderer } from 'echarts/renderers'

// 5.注册必须的组件
echarts.use([
  TitleComponent,
  TooltipComponent,
  GridComponent,
  LegendComponent,
  BarChart,
  PieChart,
  LineChart,
  CanvasRenderer
])

export default echarts
